<template>
	<view>
		<camera device-position="back" flash="auto" @error="error" class="camera-box">
		</camera>
		<view class="scan-box" :style="{
			background:'url('+background+') no-repeat center center',
			backgroundSize:'552rpx 390rpx'
		}">
			<view class="scan">
				<text>对准二维码/条形码到框内即可扫码</text>
				<view></view>
			</view>
		</view>
	</view>
</template>
<style lang="scss">
	.camera-box{
		position: absolute; top:0; left:0; right:0; bottom:0; background-color: #000000;
	}
	.scan-box{
		display: flex;
		flex-direction: column;
		position: absolute; top:0; left:0; right:0; bottom:0;  
	}
</style>
<script>
	export default {
		data() {
			return {
				background:this.$u.http.config.host + '/static/images/scan-background.png'
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
